<template>
  <el-drawer
    title="详情"
    :visible.sync="drawer"
    direction="rtl"
    size="456px"
  >
    <div class="drawer-content">
      <div class="tabs-box">
        <el-tabs v-model="activeName">
          <el-tab-pane label="企业信息" name="1">
            <Detail1 />
          </el-tab-pane>
          <el-tab-pane label="产品信息" name="2">
            <Detail2 />
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </el-drawer>
</template>

<script>
import Detail1 from '@/views/brand/page1/Detail1';
import Detail2 from '@/views/brand/page1/Detail2';
import { http_brand_apply } from '@/api';
export default {
  name: 'AuditDetail',
  components: {
    Detail1,
    Detail2
  },
  data() {
    return {
      drawer: false,
      brandDetail: {},
      activeName: '1'
    }
  },
  methods: {
    open(row) {
      http_brand_apply.detail(row.id).then(res => {
        this.brandDetail = res.data
        this.drawer = true
      })
    }
  }
}
</script>

<style scoped>

</style>
